﻿@charset "utf-8";

body {
    padding: 0;
    margin: 0 auto;
    background: #282c2f;
    color: #000;
    height: auto;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

html {
    padding: 0;
    margin: 0;
}

.main {
    margin: 0 auto;
    padding: 0;
    background-color: #CCFFFF;
}


a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

    a:hover {
        color: #60a346;
        text-decoration: underline;
    }

.seperator {
    margin: 3px auto 3px auto;
    border-bottom: 1px dashed #d3cccc;
}

.seperator_sidebox {
    width: 100%;
    margin: 3px auto 3px auto;
    border-bottom: 1px dashed #e2e2e2;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
    text-align:center;
}

/*#region Banner */
.div_banner {
    height: 70px;
    width: 100%;
    float: left;
    background: #282c2f;
}

.div_heart {
    width: 960px;
    float: left;
    /*margin:10px;*/
}
/*#endregion */

/*#region Logo */
.div_logo {
    width: 200px;
    height: 40px;
    float: left;
    margin-top: 15px;
}

    .div_logo img {
        width: 200px;
        height: 40px;
        border: none;
    }
/*#endregion */

/*#region Search Top*/
.div_search {
    float: right;
    width: 200px;
    height: 30px;
    padding: 0;
    margin-top: 25px;
    background-color: #a7e4c2;
    border-radius: 10px;
}

    .div_search .div_search_left {
        width: 26px;
        height: 30px;
        /*background:url(Image/txtSearch_left.png) no-repeat;*/
        float: left;
    }

    .div_search .div_search_center {
        width: 156px;
        height: 30px;
        /*background:url(Image/txtSearch_center.png);*/
        float: left;
    }

    .div_search .div_search_right {
        width: 18px;
        height: 30px;
        /*background:url(Image/txtSearch_right.png) no-repeat;*/
        float: left;
    }

    .div_search input {
        height: 14px;
        width: 150px;
        border: 0 none;
        outline: medium none;
        padding: 3px;
        margin: 5px 0 0 0;
        font-size: 9pt;
        background: none;
        color: #FFF;
    }
/*#endregion */

/*#region Login Top */
.div_login {
    float: right;
    height: 30px;
    padding: 0;
    margin-top: 25px;
    white-space: nowrap;
    margin-right: 15px;
}

    .div_login a {
        margin-top: 6px;
        color: #60a346;
        text-decoration: underline;
        display: block;
    }

        .div_login a:hover {
            color: #fefa7d;
        }

/*#endregion */

/*#region Box */
/*====================================Box===================================*/
.div_box {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .div_box h3 {
        color: #fefa7d;
        line-height: 16px;
        padding: 6px 0px 6px 6px;
        font-size: 9pt;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

.div_box_title {
    background: url('../Images/Website/menu_bg.gif');
    height: 30px;
    width: 100%;
    float: left;
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
}

/*.div_box_title_left{
	height:30px;
	width:5px;
	float:left;
	background:url('../Images/Website/menu_bg.gif');
}

.div_box_title_center{
	height:30px;
	float:left;
	background:url('../Images/Website/menu_bg.gif');
}

.div_box_title_right{
	height:30px;
	width:5px;
	float:left;
	background:url('../Images/Website/menu_bg.gif');
}*/

.div_box_content {
    background: #FFF; /*width:240px;*/ /*float:left;*/
    padding: 5px; /*width: 200px;*/
}
/*#endregion */

/*#region Box 2 */
.div_box2 {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

    .div_box2 .a_title {
        text-decoration: none;
        color: #fefa7d;
    }

        .div_box2 .a_title:hover {
            text-decoration: underline;
            color: #FFF;
        }

.div_box2_title {
    height: 30px;
    width: 100%;
    float: left;
    border-radius: 5px;
    background: url('../Images/Website/menu_bg.gif');
}

    .div_box2_title h3 {
        color: #fefa7d;
        line-height: 16px;
        padding: 6px 0px 6px 6px;
        font-size: 9pt;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

.div_box2_content {
    background: #FFF;
    float: left;
    width: 100%;
}

.div_box2_footer {
    float: left;
    height: 37px;
}

    .div_box2_footer .div_box2_footer_left {
        float: left;
        width: 5px;
        height: 37px;
        background: url(Image/footer_left.png) no-repeat;
    }

    .div_box2_footer .div_box2_footer_center {
        float: left;
        height: 35px;
        padding: 0px 10px;
        background: #fefefe;
        border-top: #90d077 solid 1px;
        border-bottom: #90d077 solid 1px;
    }

    .div_box2_footer .div_box2_footer_right {
        float: left;
        width: 5px;
        height: 37px;
        background: url(Image/footer_right.png) no-repeat;
    }
/*#endregion */

/*#region Left side box */
/*====================================Danh Mục Sản Phẩm SideBox===================================*/
.ul_menu {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: circle;
}

    .ul_menu li {
        position: relative;
        cursor: pointer;
        /*margin: 10px 0px 10px 0px;*/
        /*min-height:28px;*/
        padding: 10px 0px 0px 0px;
        /*line-height:20px;*/
        color: #ee8b1f;
        border-bottom: 1px dashed #e2e2e2;
    }

        .ul_menu li ul {
            position: absolute;
            list-style: none;
            top: 0;
            display: block;
            z-index: 100;
            padding: 0px 10px;
            margin: 0;
            background: #FFF;
            border: #60a346 solid 1px;
        }

        .ul_menu li:hover ul {
            display: block;
        }

        .ul_menu li:hover > ul {
            visibility: visible;
        }

    .ul_menu ul {
        visibility: hidden;
    }

        /* Fix IE. Hide from IE Mac \*/
        * html .ul_menu ul li {
            float: left;
            height: 1%;
        }

            * html .ul_menu ul li a {
                height: 1%;
            }
/* End */
/*#endregion */

/*#region News */
.div_center_news {
    float: left;
    margin: 2px auto 2px auto;
}

    .div_center_news .div_center_news_image {
        float: left;
        width: 120px;
        height: 120px;
        padding: 3px;
        margin-right: 5px;
        border: #60a346 solid 1px;
    }

        .div_center_news .div_center_news_image:hover {
            border: #dc8c45 solid 1px;
        }

        .div_center_news .div_center_news_image img {
            width: 120px;
            height: 120px;
            border: none;
        }

    .div_center_news .div_center_news_intro {
        float: left;
    }

        .div_center_news .div_center_news_intro h3 {
            font-size: 9pt;
            font-weight: bold;
            margin: 0;
            padding: 0;
            line-height: 18px;
            text-transform: none;
        }

        .div_center_news .div_center_news_intro p {
            margin: 6px 0 0 0;
            padding: 0;
            line-height: 16px;
            text-align: justify;
        }

.divbox_center_detail_news {
    text-align: justify;
    padding-right: 5px;
    padding-left: 5px;
}

    .divbox_center_detail_news .divbox_center_detail_news_intro {
        /*margin-bottom:15px;*/
    }

    .divbox_center_detail_news .div_center_news_image img {
        width: 100px;
        height: 70px;
        border: none;
    }

    .divbox_center_detail_news .divbox_center_detail_news_intro_text {
        font-weight: bold;
        color: red;
    }

    .divbox_center_detail_news .divbox_center_detail_news_content {
        padding-top: 20px;
    }

.divbox_center_detail_news_title {
    padding: 6px 0px 6px 6px;
}

    .divbox_center_detail_news_title h3 {
        color: #282c2f;
        line-height: 16px;
        font-size: 9pt;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .divbox_center_detail_news_title .divbox_center_detail_news_title_date {
        color: #6fa185;
        font-size: 8pt;
    }
/*#endregion */

/*#region Products */
.product_list {
    width: 100%;
}

    .product_list .product_list_detail {
        float: left;
        margin: 2px;
        width: 162px;
        height: 180px;
        font-size: 8pt;
        line-height: 12px;
    }

        .product_list .product_list_detail .product_list_detail_image img {
            width: 150px;
            height: 100px;
        }

        .product_list .product_list_detail .product_list_detail_name {
            color: #fefa7d;
            margin: 0;
            text-transform: uppercase;
            padding: 6px 0px 6px 0px;
            font-weight: bold;
        }

        .product_list .product_list_detail .product_list_detail_price {
            color: red;
        }

.product_detail {
    margin: 10px 10px 20px 10px;
}

    .product_detail p {
        margin: 2px;
    }

    .product_detail .product_detail_image {
        margin: auto auto 10px auto;
        width: 200px;
        height: 180px;
    }

    .product_detail .product_detail_name {
        color: #282c2f;
        /*float: left;*/
        margin-bottom: 5px;
        font-size: 9pt;
        /*line-height: 10px;*/
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .product_detail .product_detail_name_price {
        margin-bottom: 2px;
    }

    .product_detail .buttonMuaHang {
        /*background: url('../Content/Skin02/Image/btn_muahang.png');*/
        background-color: #68645d;
        border-radius: 5px;
        width: 100px;
        height: 20px;
        text-align: center;
        padding-top: 5px;
    }

        .product_detail .buttonMuaHang label {
            font-size: 8pt;
            cursor: pointer;
            color: white;
        }

            .product_detail .buttonMuaHang label:hover {
                color: #dcb049;
            }

    .product_detail .product_detail_order {
        margin: 5px auto 3px auto;
        padding: 5px 0 5px 0;
        border-top: 1px dashed #d3cccc;
        border-bottom: 1px dashed #d3cccc;
    }
/*#endregion */

/*#region Thong Ke Truy Cap */
/*#endregion */


/*#region SearchSideBox */
.searchSideBox {
    /*background-color:yellow;*/
}

    .searchSideBox p {
        margin-bottom: 5px;
        /*vertical-align:middle;*/
        height: 25px;
    }

    /*.searchSideBox select {
        width: 120px;
    }*/

    .searchSideBox .textBox {
        width: 120px;
        height: 18px;
        border: 1px solid #cccccc;
    }

    .searchSideBox divbutton {
        margin: auto;
        padding: 0;
    }
/*#endregion */
